<html>
<head>
    <title>OpenStreetMap New England States</title>
	<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
    
    <script type="text/javascript">
        // Start position for the map (hardcoded here for simplicity)
        var map; //complex object of type OpenLayers.Map
 
        //Initialise the 'map' object
        function init() {
 
            map = new OpenLayers.Map ("map", {
                maxExtent: new OpenLayers.Bounds(-20000000.000000,-20000000.000000,20000000.000000,20000000.000000),
                maxResolution: 50062.578223,
                numZoomLevels: 20,
                units: 'm',
                projection: new OpenLayers.Projection("EPSG:900913")
            } );

                  var mslayer = new OpenLayers.Layer.WMS( "WMS osm",
            "http://##HOST##:8080/service?", {layers: "osm", format: "image/jpeg", srs:"EPSG:900913"},
            {singleTile: true, ratio: 1}, {isBaseLayer: true} );
            map.addLayer(mslayer);

          //Extra WMS layer
          //var stationlayer = new OpenLayers.Layer.WMS( "Stations Layer",
          //   "http://##HOST##/cgi-bin/mapserv?", {map:'##PATH##/osm-render/underground.map',
          //layers: 'stations',transparent:'true',isBaseLayer:'false'});
          //  map.addLayer(stationlayer);
         //zoom and centre on Central London
         var proj = new OpenLayers.Projection("EPSG:4326");
         var point = new OpenLayers.LonLat(-0.2, 51.5);
         point.transform(proj, map.getProjectionObject());
         map.setCenter(point, 10);
        }
 
    </script>

</head>

  <body onload="init();">
    <div id="map"></div>
  </body>
 
</html>
